import styled from 'styled-components'
import Icon from '@/components/Icon'

export const StyledWrap = styled.div`
	padding: 0 33px;
	.line {
		height: 38px;
		line-height: 38px;
		.label {
			display: inline-block;
			width: 88px;
		}
		.copy-btn {
			float: right;
			margin-top: 4px;
		}
	}
	.fail {
		color: #d21e1e;
		margin-left: 90px;
		max-width: 320px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.text {
		border: 1px solid #000;
		height: 174px;
		width: 448px;
		overflow-y: auto;
		margin-top: 10px;
		padding: 5px;
	}
`

export const CopyIcon = styled(Icon)`
	background-position: -360px -365px;
	width: 30px;
	height: 30px;
	&:active {
		background-position: -420px -365px;
	}
	&:hover {
		background-position: -390px -365px;
	}
`
